<!DOCTYPE html>
<html lang="en">
<head>
	<meta charset="utf-8" />
	
	<title>Ministry of Energy</title>
		<meta name="viewport" content="width=device-width, initial-scale=1.0" />
	<!-- Bootstrap css -->
	<link href="css/bootstrap.css" rel="stylesheet" media="screen" />
	<!-- Theme css -->
	<link href="css/colorfrog.css" rel="stylesheet" media="screen" />   

	<link href='http://fonts.googleapis.com/css?family=PT+Sans:400,700,400italic,700italic' rel='stylesheet' type='text/css' />
	<link href="favicon.ico" rel="shortcut icon" type="image/x-icon" />
	<script src="js/respond.min.js"></script>
	<script src="http://code.jquery.com/jquery-1.9.1.min.js"></script>
	<script src="js/bootstrap.js"></script>	
	<script src="js/jquery.fitvids.js"></script>
	<script src="js/colorfrog.js"></script>
	<script type="text/javascript" src="https://maps.googleapis.com/maps/api/js?sensor=false"></script>
	<script>google.maps.event.addDomListener(window, 'load', initialize);</script>
	
	<!--[if lt IE 9]>
	<script>
		document.createElement('header');document.createElement('nav');document.createElement('section');document.createElement('article');document.createElement('aside');document.createElement('footer');
	</script>
	<![endif]-->

<meta http-equiv="Content-Type" content="text/html; charset=utf-8" /></head>
<body>
<!--
Use the corresponding body tag for your chosen theme
<body class="blue">
<body class="orange">
<body class="green">
<body class="bw">
-->

	<div><?php include 'header.php' ?></div>

	<div class="container content blog">
		<hr />
		<div class="row">
			<div class="col-sm-3">
            
				<div class="well sidebar-nav">
					<ul class="nav nav-list">
						<li class="nav-header">รายการเครื่องมือทั้งหมด</li>
						<li class="active"><a href="">DAM water level</a></li>
						<li><a href="">VW</a></li>
						<li><a href="">Settlement</a></li>
                        
					</ul>
				</div>    
			
				   	
			</div> <!-- //end span3 -->

			<div class="col-sm-9">
				<div class="page-header">
					<h3>Untitled</h3>
				</div>
				
				<div class="row">
							<div class="col-sm-12 blog">
								
									<img src="img/blue/blog-image.png" class="img-responsive" alt="" />
									
								
							</div>
							<div class="col-sm-12 blog-excerpt">
								<p>Executing on a consistent theme whilst coming up with templates to suit all can be a tricky task. Luckily Colorfrog has it all covered.</p>
								<p><span class="meta">13 comments - theming, design</span></p>
							</div>
				</div>
				
			</div> <!-- //end span9 -->
		</div> <!-- //end row -->	
		
		<hr>	
	</div> <!-- //end container -->		
	
		
	
					
	<footer>
		<div class="container">
			<div class="row">				
					<p>Copyright &copy; 2013 Infratech ASTM CO.,LTD. All rights reserved.</p>		
			</div>
		</div>   <!--//end container -->   
	</footer>


</body>
</html>